<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles/kendo.default.min.css" rel="stylesheet">
<link href="styles/kendo.common.min.css" rel="stylesheet">
<link href="myStyles/app.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/kendo.splitter.min.js"></script>
<script src="js/kendo.all.min.js"></script>
<script src="js/kendo.dropdownlist.min.js"></script>
<script src="myScripts/app.js"></script>
<script src="myScripts/test.js"></script>
<title>Index - HTML</title>
</head>

<body>
<div class="banner">CHƯƠNG TRÌNH DỰ TOÁN - SGU </div>
<div id="example" class="k-content">
<div class="mainbar">
  <div id="leftmenu">
    <input class="mainbtn" name="click" type="button" value="Click" onclick="test1()"/>
    <input class="mainbtn" name="clickagian" type="button" value="Click again" onclick="_test2()"/>
    <input class="mainbtn" name="andclickagian" type="button" value="And Click again" onclick="test3()"/>
    <input class="mainbtn" name="dont" type="button" value="Don't Click" onclick="_test4()"/>
  </div>
  <div id="mainmenu">
    <input id="danhsachcongtrinh" value="1" />
  </div>
</div>
<div id="vertical">
  <div id="top-pane">
    <div id="horizontal" style="height: 100%; width: 100%;">
      <div id="left-pane">
        <div class="pane-content"> 
          <!-- Navigation --> 
          
        </div>
      </div>
      <div id="center-pane">
        <div class="pane-content"> 
          <!-- Main Content -->
          <div id="demo"></div>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
                
				$(document).ready(function() {
                    $("#vertical").kendoSplitter({
                        orientation: "vertical",
                        panes: [
                            { collapsible: false , size: "900px"},
                            //{ collapsible: false, size: "100px" },
                            //{ collapsible: false, resizable: false, size: "100px" }
                        ]
                    });

                    $("#horizontal").kendoSplitter({
                        panes: [
                            { resizable: false, collapsible: false, size: "300px" },
                            { collapsible: false },
                           
                        ]
                    });
				});
					/*/
					$("#dropdownlist").kendoDropDownList({
						dataSource: dataSource,
						animation: {
							close: {
								effects: "fadeOut",
								duration: 300,
								hide: true,
								show: false
							}
						},
						dataTextField: "Title",
    					dataValueField: "Id"
					 });
					 /*/
					 //alert("*");
					
            </script>
</body>
</html>
